<template>
    <div>
        <h1>姓名：{{info.name}}</h1>
        <h2>年龄：{{info.age}}</h2>
        <h2>性别：{{info.gender}}</h2>
        <div>{{name}}</div>
    </div>
</template>
<script>
import axios from 'axios'
export default {
    data(){
        return {
            name:'nuxt-async'
        }
    },
    // asyncData(){
    //     return axios.get('https://api.myjson.com/bins/wok8i')
    //     .then(res=>{
    //         return {info:res.data}
    //     })
    // }
    // 更优雅 现在用的更多 但是这种怎么捕捉catch ?????
    async asyncData(){
        let {data}=await axios.get('https://api.myjson.com/bins/wok8i')
            return {info:data}
        
    }
}
</script>
<style>

</style>


